import React, { Component } from 'react'

export default class App extends Component {
  constructor (props) {
    super(props)
    this.state = {
      name: 'React',
      isLiked: false
    }
  }
  render() {
    // 条件判断
    // jsx 内不可写 if else 以及 switch case语句
    // 如果非要写if else 可以在条件判断内写jsx

    // 1111111111111111111111111111111111111111
    // return (
    //   <div>
    //     <div>欢迎来到 { this.state.name } 的世界</div>
    //     {
    //       if (this.state.isLiked) {
    //         return '喜欢'
    //       } else {
    //         return '不喜欢'
    //       }
    //     }
    //   </div>
    // )

    // 22222222222222222222222222222222222
    // if (this.state.isLiked) {
    //   return (
    //     <div>
    //       <div>欢迎来到 { this.state.name } 的世界</div>
    //       喜欢
    //     </div>
    //   )
    // } else {
    //   return (
    //     <div>
    //       <div>欢迎来到 { this.state.name } 的世界</div>
    //       不喜欢
    //     </div>
    //   )
    // }

    // 33333333333333333333333333333333333
    let flag = '喜欢'
    if (this.state.isLiked) {
      flag = '喜欢'
    } else {
      flag = '不喜欢'
    }
    return (
      <div>
        <div>欢迎来到 { this.state.name } 的世界</div>
        {
          flag
        }
      </div>
    )
  }
}
